<?php

include '../header.php';

//Comprobamos la página de la que venimos
$pagina = $_SERVER['HTTP_REFERER'];
$pagina = split("/",$pagina);
$pagina = $pagina[count($pagina)-1];

?>


        <title>Kinet | Mis Proyectos</title>
        <script languaje="javascript" src="../js/cargaPlanes.js"></script>
        <script languaje="javascript" src="../js/cargaGeografica.js"></script>
        <style>
/*            div.opcion {
                height:56px;
                border-color: khaki;border-style:solid;border-width:0 0 1px 0;
                cursor:  pointer;
            }
            div.opcion:hover {
                background-color:lemonchiffon;
            }*/
            
            a {
                color:gray;
            }
            
            .campo {
                width:100%;
            }
/*            img.thumb {
                border:solid 1px #500;
                border-radius: 10px;
                background-color:white;
                padding:2px;
                box-shadow: 1px 1px 8px #999;
            }*/
        </style>
    </head>
    <body>
        <?php include'../menus/menuUsuario.php'; ?>
        <div id="principal">
            
            <?php include '../usuarios/pestanasMiPerfil.php'; ?>
            
            <div style="float:left;padding:0 10px 0 10px;margin:20px 10px 0px 10px;width:220px;">
                <?php include 'panelProyectos.php' ?>
            </div>
            
            <!-- listado de proyectos -->
            <div style="float:left;width:calc(100% - 270px);margin:10px 10px 0px 10px;">
                <div style="position:absolute;top:80px;right:10px;color:black;">
                    <a style="font-size:12px;cursor:pointer" id="nProyecto" title="Nuevo Proyecto"  data-toggle="modal" data-target="#nuevoProyecto"><i class="glyphicon glyphicon-plus"></i> Nuevo proyecto</a>
                </div>
                <?php
                    if ($planes = planesUsuario($_SESSION['uid'])) {
                        
//                        include '../logic/funcionesChachis.php';
                        
                        //Preparamos los datos para la paginación
                        $resPorPagina = 16;

                        if(!isset($_GET['pagina'])) {
                            $_GET['pagina'] = 1;
                        }
                        $resultados = paginar(count($planes), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página

                        $i = $resultados['i'];
                        while ($i < $resultados['max']) {
                            ?>
                                <!-- NUEVA FORMA DE ESTRUCTURAR CONTENIDOS. POR TARJETAS-->
                                <div class="tarjeta" onClick='javascript:document.proyecto<?php echo $i; ?>.submit()'>
                                    <div style="position:absolute;right:0px;bottom:0px;overflow:hidden;z-index:0;">
                                        <div style="position:relative;right:-32px;bottom:-35px;z-index:0">
                                           <img style="opacity:0.4;filter:alpha(opacity=40);" src="../<?php echo $planes[$i]['imagenTipoPlan']; ?>">
                                        </div>
                                    </div>
                                    <div style="position:relative;background-color:black;width:146px;height:90px;overflow:hidden;">
                                        <img style="width:100%;height:auto" src="../<?php echo $planes[$i]['imagen'] ?>">
                                    </div>
                                    <div style="position:relative;text-align:center;font-weight:bold;margin-top:5px;width:100%;color:black">
                                        <?php echo $planes[$i]['titular'] ?>
                                    </div>
                                    <div style="position:relative;padding-top:10px;text-align:center;width:100%;font-size:12px;font-weight:bold">
                                        <?php echo $planes[$i]['nombreMunicipio'];?> 
                                        <br><font style="font-weight:normal">Provincia de <?php echo $planes[$i]['nombreProvincia']?></font>
                                    </div>
<!--                                    <div style="float:left;color:gray;font-size:11px;text-align:center;width:100%">
                                        <?php // if ( date("Y-m-d") < $planes[$i]['fecha'] ) { ?>
                                        <?php // echo formatoFecha($planes[$i]['fecha']) ?>
                                        <?php // } else { ?>
                                           <font style="color:red;" title="Ya ha comenzado">
                                                <i class='glyphicon glyphicon-warning-sign'></i> <?php // echo formatoFecha($planes[$i]['fecha']) ?>
                                           </font>
                                        <?php // } ?>
                                    </div>-->
<!--                                     <div style="float:left;padding-top:5px;padding-top:10px;font-weight:bold;font-size:13px;text-align:center;width:100%;">
                                        <?php // echo $planes[$i]['plazas']." plazas" ?>
                                    </div>-->
                                    <div style="float:left;width:0px;height:0px;padding-right:5px;text-align:center">
                                        <form name="proyecto<?php echo $i; ?>" method="post" action="plan.php">
                                            <input type="hidden" value="<?php echo $planes[$i]['idPlan'] ?>" name="pid">
                                            <input type="hidden" value="<?php echo $planes[$i]['idUsuario'] ?>" name="uid">
                                        </form>
                                    </div>
                                    
                                    <?php include 'etiquetasProyectos.php' ?>
                                    <div class="calendario">
                                        <div style="width:100%;color:white;background-color:red;text-align:center;font-weight:bold"><?php echo anyo($planes[$i]['fecha']) ?></div>
                                        <div style="width:100%;color:black;background-color:white;text-align:center;font-weight:bold"><?php echo dia($planes[$i]['fecha'])." <font style='font-size:10px;'>".substr(mes($planes[$i]['fecha']),0,3)."</font>"; ?></div>
                                    </div>
                                </div>
                        <?php
                        $i++;
                    }
                }
                ?>
            </div>
            
            <!-- Modal -->
            <?php include 'nuevoProyecto.php' ?>
            
            
            <div style="clear:both"></div>
            <div style="width:100%;text-align:center;margin-bottom:0px;margin-bottom:20px;">
                <?php if (count($planes) > $resPorPagina) { ?>
                    <ul class="pagination">
                        <?php if ($_GET['pagina'] == 1) { ?>
                            <li><a href="#">&laquo;</a></li>
                        <?php } else { ?>
                            <li><a href="misProyectos.php?pagina=<?php echo $_GET['pagina']-1 ?>">&laquo;</a></li>
                        <?php } ?>

                        <?php for ($in = 0 ; $in < (count($planes)/$resPorPagina) ; $in++) { ?>
                            <?php if ($in+1 == $_GET['pagina']) { ?>
                                <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                            <?php } else { ?>
                                <li><a href="misProyectos.php?pagina=<?php echo $in+1 ?>"><?php echo $in+1 ?></a></li>
                            <?php } ?>
                        <?php }?>
                                
                        <?php if ($_GET['pagina'] >= (count($planes)/$resPorPagina)) { ?>
                            <li><a href="#">&raquo;</a></li>
                        <?php } else { ?>
                            <li><a href="misProyectos.php?pagina=<?php echo $_GET['pagina']+1 ?>">&raquo;</a></li>
                        <?php } ?>
                        
                    </ul>
                <?php } ?>
            </div>       
            
            <div style="clear: both"></div>
        </div>
            <?php include '../footer.php'; ?>
        <script>
            $(document).ready(function(){
                $('#nuevoProyecto').modal(options);
                $("#nProyecto").tooltip({ placement: 'left', html : true, trigger:'hover', title: 'Nuevo Proyecto'});
            });
        </script>
</body>
</html>